<?php include 'templates/header.php' ?>
  <div class="sliders clearfix">
    <a href="#" class="leftArrow"></a>
    <a href="#" class="rightArrow"></a>
    <div class="slidersElemnet view-first">
        <img src="img/sliders_img01.png" alt=""/>
        <div class="mask">
            <h1>When I Was Young</h1>
            <span></span>
            <p>Date: 7/27/2011</p>
        </div>
    </div>
    <div class="slidersElemnet view-seccond">
        <img src="img/sliders_img02.png" alt=""/>
        <div class="mask">
            <h1>Old Times, Old Friends</h1>
            <span></span>
            <p>Date: 7/27/2011</p>
        </div>
    </div>
    <div class="slidersElemnet noMarginRight view-third">
        <img src="img/sliders_img03.png" alt=""/>
        <div class="mask">
            <h1>Lady In Red</h1>
            <span></span>
            <p>Date: 7/27/2011</p>
        </div>
    </div>
    <div class="slidersElemnet noMarginBottom view-fourth">
        <img src="img/sliders_img04.png" alt=""/>
        <div class="mask">
            <h1>Beautiful Scenery</h1>
            <span></span>
            <p>Date: 7/27/2011</p>
        </div>
    </div>
    <div class="slidersElemnet noMarginBottom view-fifth">
        <img src="img/sliders_img05.png" alt=""/>
        <div class="mask">
            <h1>Beautiful Scenery</h1>
            <span></span>
            <p>Date: 7/27/2011</p>
        </div>
    </div>
    <div class="slidersElemnet noMarginRight noMarginBottom view-sixth">
        <img src="img/sliders_img06.png" alt=""/>
        <div class="mask">
            <h1>Herd Of Elephants</h1>
            <span></span>
            <p>Date: 7/27/2011</p>
        </div>
    </div>
  </div>
  <article class="intro">
      <h1>Welcome to the Portfolio Blog of Janiece Smith</h1>
      <p>
          Donec vitae tellus non sem vulputate cursus. Aliquam erat volutpat. Proin ut est et sem rhoncus fringilla laoreet at mauris. Integer posuere massa metus. Etiam tortor dui, consectetur quis fringilla nec, suscipit non nibh. Cras velit mauris, consectetur sit amet congue a, dictum vehicula lorem. Etiam imperdiet aliquam sapien, dignissim dapibus lectus imperdiet non.
      </p>
  </article>
  <div class="divider"></div>
  <div class="featured">
      <article class="featuredBox">
          <h1>Featured Post 1</h1>
          <img src="img/fetured_img01.png" alt=""/>
          <h1 class="h1ColMar">Back in Time</h1>
          <p>Donec vitae tellus non sem vulputate cursus. Aliquam erat volutpat. Proin ut est et sem rhoncus fringilla laoree.</p>
          <span><a href="#">Go Now</a></span>
      </article>
      <article class="featuredBox">
          <h1>Featured Post 2</h1>
          <img src="img/fetured_img02.png" alt=""/>
          <h1 class="h1ColMar">Latest Baby Sessions</h1>
          <p>Donec vitae tellus non sem vulputate cursus. Aliquam erat volutpat. Proin ut est et sem rhoncus fringilla laoree.</p>
          <span><a href="#">Go Now</a></span>
      </article>
      <article class="featuredBox noMarginRight">
          <h1>Featured Post 3</h1>
          <img src="img/fetured_img03.png" alt=""/>
          <h1 class="h1ColMar">Rocking Out With Benny</h1>
          <p>Donec vitae tellus non sem vulputate cursus. Aliquam erat volutpat. Proin ut est et sem rhoncus fringilla laoree.</p>
          <span><a href="#">Go Now</a></span>
      </article>
  </div>
  <div class="divider"></div>
<?php include 'templates/footer.php' ?>